<template>
    <div class="header">
        <Logo></Logo>
        <MyInput></MyInput>
        <User></User>
    </div>
</template>

<script>
    import Logo from "./Logo"
    import MyInput from "./MyInput"
    import User from "./User"
    export default {
        name: "MyHeader",
        components:{
            Logo,
            MyInput,
            User,
        }
    }
</script>

<style scoped>
    .header {
        margin: auto;
        max-width: 1200px;
        min-width: 1200px;
        height: 106px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
</style>